/**
 * @description  : 高德地图vue页面组件
 * @descriptionDetail : 高德地图vue页面组件
 * @copyright    : 浙江烟草
 * @author       : mc
 * @create       : 2022-10-04 18:55:35
 */
<template>
  <view class="container">
    <!-- 悬浮层内容设置 -->
    <slot></slot>
  </view>
</template>

<script>
import AMapLoader from '@alife/amap-jsapi-loader';
	
export default{
	name:'amap-base',
	props:{
		
	},
  data() {
    return {
      map: undefined,
    }
  },
		
  mounted() {
    let self = this;
    AMapLoader.load({
      "key": process.uniEnv.AMAP.JS_KEY,              // 申请好的Web端开发者Key，首次调用 load 时必填
      "version": "2.0",   // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
      "plugins": [],           // 需要使用的的插件列表，如比例尺'AMap.Scale'等
      "AMapUI": {             // 是否加载 AMapUI，缺省不加载
        "version": '1.1',   // AMapUI 缺省 1.1
        "plugins":[],       // 需要加载的 AMapUI ui插件
      },
      "Loca":{                // 是否加载 Loca， 缺省不加载
        "version": '1.3.2',  // Loca 版本，缺省 1.3.2
      },
    }).then((AMap) => {
      self.map = new AMap.Map('.container');
    }).catch(e => {
      console.log(e);
    })
  },
}
	
</script>

<style lang="scss" scoped>
	
	.container{
		width: 100%;
		height: 100%;
	}
	
</style>
